<template>
	<view class="section_con">
		<view class="content_con">
			<view class="top_cf">
				<view class="title">处方单</view>
				<view class="title_up">
					<view class="left">处方号 76505417178465</view>
					<view class="right">2025-08-07</view>
				</view>
				<view class="user_info">
					<view class="up">
						<view class="grade">
							<span>姓名  患者姓名</span>
						</view>
						<view class="grade">
							<span>性别  女</span>
						</view>
						<view class="grade">
							<span>年龄  30岁</span>
						</view>
					</view>
					<view class="down">
						诊断  癖习病;脾虚
					</view>
				</view>
				<view class="descraption">
					<view class="tag">R:</view>
					<view class="flex-grap">
						<span v-for="(val,index) in 10" :key="index">醋柴胡(北)9g</span>
					</view>
					<view class="text">用法用量 实际用药方式以包装袋彩色标签为准</view>
					<view class="text">审方药师 韩东博    开方医师 周学梅</view>
				</view>
			</view>
			<view class="bottom_order">
				<view class="up">
					<view class="title">订单明细</view>
					<view class="text">
						<view class="left">订单编号</view>
						<view class="right">wechat20230526212106960210</view>  
                     </view>
					<view class="text">
						<view class="left">支付时间</view>
						<view class="right">2023-05-26 21:21:14</view>
					</view>
				</view>
				<view class="down">
					<view class="left">实付</view>
					<view class="right">￥386.50</view>
				</view>
			</view>
		</view>
		<view class="bottom">
			<view class="left">联系客服</view>
			<view class="right">复诊续方</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.section_con{
		width:100%;
		height:100%;
		position: absolute;
		background: #F8F8F8;
		font-family: PingFang SC, PingFang SC;
		.content_con{
			padding: 20rpx 30rpx;
			.top_cf{
				margin-bottom: 20rpx;
				background: #fff;
				border-radius: 18rpx;
				padding: 30rpx;
				font-weight: 400;
				font-size: 30rpx;
				color: #000000;
				.title{
					font-weight: 600;
					font-size: 32rpx;
					color: #000000;
					width:100%;
					text-align: center;
				}
				.title_up{
					padding: 30rpx 0;
					border-bottom:1rpx solid #E4E4E4;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
				.user_info{
					padding: 30rpx 0;
					border-bottom:1rpx solid #E4E4E4;
					.up{
						display: flex;
						align-items: center;
						gap: 30rpx;
						justify-content: space-between;
						margin-bottom: 20rpx;
					}
					.down{
						
					}
				}
				.descraption{
					padding-top: 20rpx;
					.tag{
						font-size: 36rpx;
						color: #000000;
						margin-bottom: 20rpx;
					}
					.flex-grap{
						display: flex;
						flex-wrap: wrap;
						gap: 10rpx;
						justify-content: space-between;
						font-weight: 400;
						font-size: 30rpx;
						color: #000000;
						margin-bottom: 10rpx;
					}
					.text{
						height:50rpx;
						line-height: 50rpx;
						font-weight: 400;
						font-size: 30rpx;
						color: #666666;
					}
				}
			}
			.bottom_order{
				background: #fff;
				border-radius: 18rpx;
				padding: 30rpx;
				.up{
					padding-bottom: 30rpx;
					border-bottom:1rpx solid #E4E4E4;
					.title{
						font-weight: 500;
						font-size: 32rpx;
						color: #000000;
						margin-bottom: 10rpx;
					}
					.text{
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-weight: 400;
						font-size: 30rpx;
						color: #000000;
					}
				}
				.down{
					padding-top: 20rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-weight: 400;
					font-size: 30rpx;
					color: #000000;
				}
			}
		}
		.bottom{
			position: fixed;
			width:100%;
			background: #fff;
			bottom: 0;
			padding: 35rpx 30rpx 80rpx 30rpx;
			display: flex;
			gap: 14rpx;
			justify-content: space-between;
			.left{
				border-radius: 50rpx;
				border: 2rpx solid #7D2527;
				font-weight: 400;
				font-size: 32rpx;
				color: #7D2527;
				flex: 1;
				text-align: center;
				height:70rpx;
				line-height: 70rpx;
			}
			.right{
				background: #7D2527;
				border-radius: 50rpx;
				font-weight: 400;
				font-size: 32rpx;
				color: #FFFFFF;
				flex: 1;
				text-align: center;
				height:70rpx;
				line-height: 70rpx;
			}
		}
	}
</style>